<?php echo $__env->make('PC.Layout.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<link rel="stylesheet" href="/pc/css/package.css" />


<div class="package_cont">
    <p class="pack_text1">套餐资费</p>
    <p class="pack_text2">套餐种类丰富，总有一款适合您</p>
</div>
<div class="wrap">
    <div class="wrap_main fadeInUp">
        <div class="tab_list">
            <ul>
                <li class="on_active">高<br>级<br>套<br>餐</li>
                <li>基<br>础<br>套<br>餐</li>
            </ul>
        </div>
        <div class="cp_box">
            <div class="product-fee hight on"  style="display: block;">
                <?php if(!empty($data['higt'])): ?>
                    <?php foreach($data['higt']  as $hight): ?>
                        <?php /*<?php echo e(dd($hight)); ?>*/ ?>
                        <div class="package_list <?php echo e($hight['id'] == 7 ? 'active':''); ?>" data-price="<?php echo e($hight['price_discount']); ?>" data-id="<?php echo e($hight['id']); ?>" data-number="1" >

                            <?php if($hight['id'] == 8): ?>
                                <h1><?php echo e($hight['name']); ?><small></small></h1>
                            <?php else: ?>
                                <h1><?php echo e($hight['name']); ?></h1>
                            <?php endif; ?>

                            <h2><?php echo e($hight['price_discount']); ?></h2>
                            <h3>原价<?php echo e($hight['price_original']); ?>元</h3>
                             <?php if($hight['id'] != 6): ?>
                            <h4><?php echo e($hight['info']); ?></h4>
                            <?php else: ?>
                                <h4>
                                    <button class="reduce"><i class="iconfont">-</i></button>
                                    <label for="" class="lab_val">
                                        <input type="text" value="1" class="buy_num">
                                        <strong>个月</strong>
                                    </label>
                                    <button class="add"><i class="iconfont">+</i></button>
                                </h4>
                            <?php endif; ?>
                            <?php if($hight['id'] == 7): ?>
                                <span class="active"></span>
                            <?php else: ?>
                                    <span></span>
                            <?php endif; ?>


                        </div>
                    <?php endforeach; ?>
                <?php endif; ?>
            </div>
            <div class="product-fee small">

                <?php if(!empty($data['list'])): ?>
                    <?php foreach($data['list']  as $basic): ?>
                        <div class="package_list <?php echo e($basic['id'] == 2 ? 'active':''); ?>" data-price="<?php echo e($basic['price_discount']); ?>" data-id="<?php echo e($basic['id']); ?>" data-number="1">

                            <?php if($basic['id'] == 3): ?>
                                <h1><?php echo e($basic['name']); ?><small></small></h1>
                            <?php else: ?>
                                <h1><?php echo e($basic['name']); ?></h1>
                            <?php endif; ?>

                            <h2><?php echo e($basic['price_discount']); ?></h2>
                            <h3>原价<?php echo e($basic['price_original']); ?>元</h3>
                            <?php if($basic['id'] != 1): ?>
                                <h4><?php echo e($basic['info']); ?></h4>
                            <?php else: ?>
                                <h4>
                                    <button class="reduce"><i class="iconfont">-</i></button>
                                    <label for="" class="lab_val">
                                        <input type="text" value="1" class="buy_num">
                                        <strong>个月</strong>
                                    </label>
                                    <button class="add"><i class="iconfont">+</i></button>
                                </h4>
                            <?php endif; ?>
                            <?php if($basic['id'] == 2): ?>
                                <span class="active"></span>
                            <?php else: ?>
                                <span></span>
                            <?php endif; ?>
                        </div>
                    <?php endforeach; ?>
                <?php endif; ?>
            </div>
        </div>
        <input type="hidden" name="" id="token" value="<?php echo e(csrf_token()); ?>">
        <div class="product-floating">
            <div class="height-float">
                <div class="floating_box ">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/week-icon.png" />
                        <h1>高级周套餐<br><span>试用优选</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/blue_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/blue_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/blue_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/blue_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/blue_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/blue_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/blue_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/blue_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/blue_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/blue_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/blue_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/blue_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>

                <div class="floating_box active">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/month-icon.png" />
                        <h1>高级月套餐<br><span>本月热销</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/month_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/month_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/month_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/month_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/month_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/month_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/month_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/month_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/month_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/month_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/month_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/month_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>
                <div class="floating_box">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/season-icon.png" />
                        <h1>高级季套餐<br><span>性价比更高</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/season_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/season_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/season_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/season_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/season_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/season_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/season_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/season_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/season_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/season_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/season_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/season_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>
                <div class="floating_box">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/years-icon.png" />
                        <h1>高级年套餐<br><span>更多人的选择</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/years_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/years_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/years_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/years_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/years_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/years_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/years_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/years_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/years_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/years_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/years_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/years_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>
            </div>
            <div class="small-float">
                <div class="floating_box">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/week-icon.png" />
                        <h1>基础周套餐<br><span>试用优选</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/blue_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/blue_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/blue_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/blue_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/blue_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/blue_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/blue_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/blue_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/blue_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/blue_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/blue_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/blue_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>
                <div class="floating_box">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/month-icon.png" />
                        <h1>基础月套餐<br><span>本月热销</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/month_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/month_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/month_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/month_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/month_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/month_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/month_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/month_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/month_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/month_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/month_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/month_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>
                <div class="floating_box">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/season-icon.png" />
                        <h1>基础季套餐<br><span>性价比更高</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/season_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/season_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/season_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/season_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/season_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/season_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/season_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/season_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/season_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/season_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/season_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/season_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>
                <div class="floating_box">
                    <div class="introduce">
                        <i class="triangle_up"></i>
                        <img src="/pc/images/years-icon.png" />
                        <h1>基础年套餐<br><span>更多人的选择</span></h1>
                    </div>
                    <ul>
                        <li><p><img src="/pc/images/years_1.png"/><b>海量资源</b><span>全国海量网络资源</span></p></li>
                        <li><p><img src="/pc/images/years_2.png"/><b>多平台使用</b><span>支持Windows,Android</span></p></li>
                        <li><p><img src="/pc/images/years_3.png"/><b>定时切换</b><span>支持任意时长定时切换</span></p></li>
                        <li><p><img src="/pc/images/years_4.png"/><b>极速切换</b><span>快速切换，更换速度小于100ms</span></p></li>
                        <li><p><img src="/pc/images/years_5.png"/><b>全国线路</b><span>全国铺设近百个城市线路</span></p></li>
                        <li><p><img src="/pc/images/years_6.png"/><b>快捷键切换</b><span>可以自己设置快捷键</span></p></li>
                        <li><p><img src="/pc/images/years_7.png"/><b>网速保证</b><span>各节点高带宽</span></p></li>
                        <li><p><img src="/pc/images/years_8.png"/><b>支持静态</b><span>支持静态IP，独占一个IP</span></p></li>
                        <li><p><img src="/pc/images/years_9.png"/><b>自动清理</b><span>定时清理缓存，提高运行速度</span></p></li>
                        <li><p><img src="/pc/images/years_10.png"/><b>匿名防查</b><span>高度匿名，保护隐私，防追踪</span></p></li>
                        <li><p><img src="/pc/images/years_11.png"/><b>多协议连接</b><span>支持PPTP /L2TP/OPen协议</span></p></li>
                        <li><p><img src="/pc/images/years_12.png"/><b>自动过滤</b><span>系统自动过滤已使用的IP</span></p></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="buy_cont">
            <div class="buy_pic1">
                <span class="h1_span">账户名称</span>
                <?php if(!$login_flag): ?>
                <p class="line-tip">没有账号?<a class="self_register">立即注册</a></p>
                    <?php /*<p class="line-tip">没有账号?<a href="javascript:return false;"onclick="return false;"  class="self_register" style="cursor: default;">立即注册</a></p>*/ ?>
                <?php endif; ?>
                <input type="text" name="username" value="<?php echo e($name); ?>" placeholder="请输入用户名(数字，字母2-20位字符)" class="entry_input username">
                <span class="h1_span h1_span2">支付方式</span>
                <p class="method">
                    <a class="pay meth_active" data-id="alipay">
                        <span class="actives"></span>
                        <img src="/pc/images/pay.png"／>
                    </a>
                    <a class="wx" data-id="wx-pay">
                        <span></span><img src="/pc/images/wx.png"/>
                    </a>
                </p>
                <span class="h1_span h1_span2">账单合计&nbsp;&nbsp;&nbsp;¥<b class="price">459</b></span>

                <?php if(!$login_flag): ?>
                    <button class="disabl_go_buy">
                        确认购买
                    </button>
                <?php else: ?>
                    <button class="go_buy">
                        确认购买
                    </button>
                <?php endif; ?>


            </div>
        </div>
    </div>
    <div class="wx-chat">
        <div class="weixin_inner fadeInDown">
            <h1>打开微信“扫一扫”支付</h1>
            <img class="wxcode" src="" alt="">
            <span></span>
        </div>
    </div>
</div>

<?php echo $__env->make('PC.Layout.consult', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php echo $__env->make('PC.Layout.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<input type="hidden" id="callbackurl" value="">
<?php echo $__env->make('PC.Layout.login', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<script src="/pc/js/package.js"></script>
</body>
<script>
    $('.icon').mouseover(function() {
        $(".info").show();
    });

    //			$('.info').mouseleave(function() {
    //				$(".info").fadeOut();
    //			});
    $('.slide b').click(function() {
        $(".info").fadeOut();
    });
    $(".product_box5_main .center").mouseover(function() {
        $(this).next().fadeIn().parent().siblings().find(".map_text").hide();
    })
    $(".product_box5_main .center").mouseleave(function() {
        $(this).next().fadeOut();
    })
</script>
</html>
